/* pages/mine/mine.wxss */

page {
  background-color: #efeef3;
}

view, input, textarea, image, text, button, scroll-view {
  box-sizing: border-box;
}

button::after {
  border: none;
}

input {
  outline: none;
  border: none;
  list-style: none;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

page {
  width: 100%;
  height: 100%;
}

.row {
  overflow: hidden;
  display: -webkit-box;
  word-break: break-all;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}

.ell {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.l_main {
  font-size: 32rpx;
  width: 100%;
  line-height: 1;
  color: #000;
  position: relative;
}

.mi_top {
  height: 188rpx;
  padding: 32rpx 30rpx 0;
  background-color: #fff;
  border-bottom: 1rpx solid #e5e5e5;
}

.mi_head {
  height: 108rpx;
  width: 108rpx;
  border: 1rpx solid #e1e1e1;
  border-radius: 10rpx;
  margin-right: 22rpx;
  overflow: hidden;
}

.mi_head image {
  width: 100%;
  height: 100%;
}

.mi_nick {
  padding: 7rpx 0 32rpx;
  width: 400rpx;
  overflow: hidden;
  height: 50rpx;
  line-height: 50rpx;
}

.label_item {
  float: left;
  border-radius: 17rpx;
  font-size: 21rpx;
  height: 34rpx;
  line-height: 34rpx;
  padding: 0 10rpx;
  margin-right: 15rpx;
  color: #fff;
  margin-top: 20rpx;
}

.label_item1 {
  float: right;
  width:20rpx;
  height:30rpx;
  margin-top: 30rpx;
 } 

.label_guan {
  background-color: #ff6c00;
}

.label_lao {
  background-color: #ea9a7f;
}

.label_jia {
  background-color: #fc0;
}

.mi_right {
  height: 100%;
  width: 100rpx;
  background: url("http://static.qr.cntv.cn/2018hb/class/right.png") no-repeat right 30rpx/16rpx 25rpx;
}

.mi_block {
  margin-top: 30rpx;
  border-top: 1rpx solid #e5e5e5;
  border-bottom: 1rpx solid #e5e5e5;
  padding-left: 30rpx;
  background-color: #fff;
}

.mi_item {
  overflow: hidden;
  height: 97rpx;
}

.mi_icon {
  float: left;
  height: 100%;
  width: 42rpx;
}

.mi_image {
  width: 50rpx;
}

.icon_coll {
  background: url("http://static.qr.cntv.cn/2018hb/class/coll.png") no-repeat center center/41rpx 39rpx;
}

.icon_task {
  background: url("http://static.qr.cntv.cn/2018hb/class/task.png") no-repeat center center/40rpx 34rpx;
}

.icon_pos {
  background: url("http://static.qr.cntv.cn/2018hb/class/pos.png") no-repeat center center/33rpx 40rpx;
}

.icon_school {
  background: url("http://static.qr.cntv.cn/2018hb/class/school.png") no-repeat center center/39rpx 40rpx;
}

.icon_num {
  background: url("http://static.qr.cntv.cn/2018hb/class/num.png") no-repeat center center/40rpx 40rpx;
}

.icon_reply {
  background: url("http://static.qr.cntv.cn/2018hb/class/reply.png") no-repeat center center/40rpx 40rpx;
}

.icon_score {
  background: url("http://static.qr.cntv.cn/2018hb/class/score.png") no-repeat center center/40rpx 42rpx;
}

.mi_bar {
  border-bottom: 1rpx solid #e5e5e5;
  width: 660rpx;
  height: 97rpx;
  line-height: 97rpx;
  padding-right: 30rpx;
}

.bar_right {
  background: url("http://static.qr.cntv.cn/2018hb/class/right.png") no-repeat 615rpx/16rpx 25rpx;
}

.mi_bar .fr {
  color: #999;
}

.mi_item:last-child .mi_bar {
  border-bottom: 0;
}

.switchUser {
  background-color: white;
  width: 100%;
  height: 90rpx;
  line-height: 90rpx;
  text-align: center;
  font-size: 30rpx;
  color: #979797;
  margin-top: 30rpx;
}
